<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="copyright" content="首页">
<meta name="author" content="首页">
<title>首页</title>
<link rel="stylesheet" href="./static/css/basic.css" />
<link rel="stylesheet" href="./static/css/style.css" />
<script src="./static/js/jquery-1.11.0.min.js"></script>
<script src="./static/js/js.js"></script>
</head>

<body class="home dark">
  <div class="jianbian-bg">
    <header id="header">
      <div class="box flex-bect">
        <div id="logo"></div>
        <div class="flex-rict">
          <a href="" class="item lan-btn"></a>
          <span class="item audio-btn" id="audioBtn"></span>
          <span class="item primary-btn"></span>
        </div>
      </div>
    </header>
    <div class="main1">
      <div class="box">
        <div class="avatar"><img src="./static/image/Avatar.png" alt=""></div>
        <div class="my-info">你好，<br>我是产品设计师 陈胜强<br>欢迎访问我的个人站点</div>
        <div class="my-ino-text">毕业于2017年城市规划本科学位，七年的产品设计经验，曾供职于中核工业（CNNC）、中国航天（CACS）、杭州数空等企业，负责过国办、上海浦东城运中心、军科委等单位多个重点项目的产品设计工作，独立承担PC/Web/移动端、数据可视化等软件系统的产品设计工作。目前主要从事toB、toG数字化产品设计/咨询工作；<br><br>
            <svg class="info-logo" width="40px" height="40px" viewBox="0 0 40 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
              <g id="Logo" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                <path d="M20.0671081,0 C30.3605795,0 38.8438888,7.72431597 40,17.6743643 L24.5093561,17.6744223 C23.6695585,16.0842567 21.9953799,15 20.0671081,15 C17.2964192,15 15.0503311,17.2385761 15.0503311,20 C15.0503311,22.7614239 17.2964192,25 20.0671081,25 C21.86719,25 23.4458398,24.0551122 24.3309766,22.6358384 L39.9614898,22.6358757 C38.6669405,32.4357854 30.2533465,40 20.0671081,40 C8.98434921,40 0,31.0456949 0,20 C0,8.95430512 8.98434921,0 20.0671081,0 Z" fill="#161616" fill-rule="nonzero"></path>
              </g>
            </svg>
            <b>Beihai</b>
            Studio 是我创建的设计品牌，专注于提供专业的软件产品设计服务，帮助客户优化工作流程、提升效率。我希望自己能一直热爱设计并敢于面对更多的挑战，打造直观、高效且富有美感的产品体验，让科技真正服务于人。</div>
        <div class="flex-lect">
          <a href="tel:18022224444" class="btn1"><span id="contactBtn"></span>联系我们</a>
          <span class="btn2"><img src="./static/image/btn2.svg" class="btn-icon" alt="" />个人简历</span>
        </div>
      </div>
    </div>
  </div>
  <div class="box">
    <div class="main2">
      <a href="./detail.html" class="item"><img src="./static/image/01Cover-研篁数字名片.jpg" alt=""><div class="name">研篁数字名片</div></a>
      <a href="./detail.html" class="item"><img src="./static/image/02Cover-数据资源共享交换平台.jpg" alt=""><div class="name">数据资源共享交换平台</div></a>
      <a href="./detail.html" class="item"><img src="./static/image/03Cover-智能算法管理平台.jpg" alt=""><div class="name">智能算法管理平台</div></a>
      <a href="./detail.html" class="item"><img src="./static/image/04Cover-Uwotech.jpg" alt=""><div class="name">Uwotech官网设计</div></a>
      <a href="./detail.html" class="item"><img src="./static/image/05Cover-爱创数据资产管理平台.jpg" alt=""><div class="name">Uwotech官网设计</div></a>
      <a href="./detail.html" class="item"><img src="./static/image/06Cover-平面设计.jpg" alt=""><div class="name">平面设计</div></a>
      <a href="./detail.html" class="item"><img src="./static/image/07Cover-流浪地球1.jpg" alt=""><div class="name">流浪地球1 FUI</div></a>
      <a href="./detail.html" class="item"><img src="./static/image/08Cover-流浪地球2.jpg" alt=""><div class="name">流浪地球2 FUI</div></a>
      <a href="./detail.html" class="item"><img src="./static/image/09Cover-设计组件库.jpg" alt=""><div class="name">设计组件库</div></a>
      <a href="./detail.html" class="item"><img src="./static/image/10Cover-浦东城市大脑.jpg" alt=""><div class="name">上海城运中心-浦东城市大脑</div></a>
      <a href="./detail.html" class="item"><img src="./static/image/11Cover-航空航天探测系统.jpg" alt=""><div class="name">航空航天探测系统FUI</div></a>
      <a href="./detail.html" class="item"><img src="./static/image/12Cover-动效.jpg" alt=""><div class="name">动效/动画设计</div></a>
    </div>
  </div>
  <footer id="footer">
    <dl class="box">
      <dd class="item">
        <div class="title">联系</div>
        <a href="" class="a" title="wx123456">微信</a>
        <a href="tel:18255199998" title="18255199998" class="a">手机</a>
        <a href="" title="14244@qq.com" class="a">邮箱</a>
      </dd>
      <dd class="item">
        <div class="title">社交</div>
        <a href="" class="a">X</a>
        <a href="" class="a">抖音</a>
        <a href="" class="a">Bilibili</a>
        <a href="" class="a">小红书</a>
      </dd>
      <dd class="item">
        <div class="title">设计</div>
        <a href="" class="a">站酷</a>
        <a href="" class="a">Figma</a>
        <a href="" class="a">Dribble</a>
        <a href="" class="a">Behance</a>
      </dd>
      <dd class="item">
        <div class="title">友链</div>
        <a href="" class="a">素锦</a>
        <a href="" class="a">Lofter</a>
        <a href="" class="a">建筑魔盒</a>
      </dd>
    </dl>
    <div class="copy">© 2025 Richard Chan. All rights reserved.</div>
  </footer>
<script>
  
</script>
</body>
</html>